<template>
  <div style="height: 40px;width: 1500px"></div>
  <div v-for="item in 10" class="comment_div" >
    <router-link class="comment_text" to="" style="height: 200px;text-align: left;padding: 40px">
      <el-row :gutter="10">
        <el-col :span="1">
          <div>
            <el-avatar style="width: 85%; height: auto;" :size="50" src="https://lf3-cdn-tos.bytescm.com/obj/static/xitu_juejin_web/f5188ac005a69d272fc6161b3c521d15.svg"/>
          </div>
        </el-col>
        <el-col :span="23">
          <div>
            <p style="font-size: 20px;margin-top: -8px">
              亲爱的用户，快来体验会员权益吧。1.会员期内，使用借阅卡可学习一门vip掘金课程21天，借阅卡可以在会员商城用珊瑚兑换。2.会员期内可畅学全部字节内部课 3.每日阅读文章、学习掘金课程或字节内部课，可以获得珊瑚奖励
            </p>
            <p style="font-size: 15px;color: darkgray">2天前</p>
          </div>
        </el-col>
      </el-row>
    </router-link>
  </div>
</template>

<script setup>

</script>

<style scoped>
a {
  text-decoration: none;
  color: #000;
  display: block;
}

.comment_text:hover {
  background-color: rgb(248,248,248);
}

.comment_div {
  height: 15vh;
  padding: 20px;
  width: 1200px;
  margin: 20px auto;
  background-color: white;
  overflow-y: scroll;

}
.comment_div::-webkit-scrollbar{
  display: none;
}

</style>